<template>
  <div>
    <div class="iot_header_top">

</div><!--   四川农业大学logo    -->

<div class="iot_main-nav">
    <div class="iot_box_ul">
     <ul class="iot_navbar-nav">
         <li>
             <a href="http://jiaowu.sicau.edu.cn/web/web/web/index.asp"><div class="iot_image_home"></div>首页</a>
         </li>
         <li class="iot_bumenjianjie">
             <a tabindex="-1">部门简介<div class="iot_image_triangle1"></div></a>
             <ul class="iot_bumenjianjie_children">
                 <li><a href="http://jiaowu.sicau.edu.cn/web/web/web/bmjj/jigou.asp">机构设置</a></li>
                 <li><a href="http://jiaowu.sicau.edu.cn/web/web/web/bmjj/lingdao.asp">现任领导</a></li>
                 <li><a href="http://jiaowu.sicau.edu.cn/web/web/web/bmjj/lianxi.asp">联系我们</a></li>
             </ul>
         </li>
         <li>
             <a href="http://jiaowu.sicau.edu.cn/web/web/web/rule.asp">规章制度</a>
         </li>
         <li>
             <a href="http://jiaowu.sicau.edu.cn/web/web/web/sczx/01.asp">创新创业中心</a>
         </li>
         <li>
             <a href="http://jiaowu.sicau.edu.cn/web/web/web/profession/profession.asp">专业设置</a>
         </li>
         <li class="iot_peiyangfangan">
             <a tabindex="-1">培养方案<div class="iot_image_triangle1"></div></a>
              <ul class="iot_peiyangfangan_children">
                  <li><a href="http://jiaowu.sicau.edu.cn/web/web/lanmu/jihua.asp?jh_nj=89960541860221078864880588648805" target="_blank">2022级</a></li>
                  <li><a href="http://jiaowu.sicau.edu.cn/web/web/lanmu/jihua.asp?jh_nj=89960541893079569721228990675038" target="_blank">2021级</a></li>
                  <li><a href="http://jiaowu.sicau.edu.cn/web/web/lanmu/jihua.asp?jh_nj=81331063899518018668779286022107" target="_blank">2020级</a></li>
                  <li><a href="http://jiaowu.sicau.edu.cn/web/web/lanmu/jihua.asp?jh_nj=89960541866185529067503886034497" target="_blank">2019级</a></li>
                  <li><a href="http://jiaowu.sicau.edu.cn/web/web/lanmu/jihua.asp?jh_nj=86687792860221078133513389372836" target="_blank">2018级</a></li>
                  <li><a href="http://jiaowu.sicau.edu.cn/web/web/lanmu/jihua.asp?jh_nj=89960541860221078602407781343173" target="_blank">2017级</a></li>
                  <li><a href="http://jiaowu.sicau.edu.cn/web/web/lanmu/jihua.asp?jh_nj=89960541819902549721089981342383" target="_blank">2016级</a></li>
              </ul>
         </li>
         <li>
             <a href="http://jiaowu.sicau.edu.cn/web/web/web/profession/jxcgj.asp">教学成果奖</a>
         </li>
         <li class="iot_biaogexiazai">
             <a href="">表格下载<div class="iot_image_triangle1"></div></a>
            <ul class="iot_biaogexiazai_children">
                <li class="iot_keyeguanli">
                    <a tabindex="-1" >课业管理<div class="iot_image_triangle2"></div></a>
                    <ul class="iot_keyeguanli_children">
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/keye.html">保健课申请表</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/keye.html">免听申请表</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/keye.html">教学任务调整表</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/keye.html">培养方案调整申请</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/keye.html">助教申请表</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/keye.html">助课申请表</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/keye.html">特批上课申请表</a></li>
                    </ul>
                </li>
                <li class="iot_xuejiguanli">
                    <a tabindex="-1" >学籍管理<div class="iot_image_triangle2"></div></a>
                    <ul class="iot_xuejiguanli_children">
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/xueji.htm">保留入学资格申请</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/xueji.htm">离校手续清单</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/xueji.htm">基本信息变更申请</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/xueji.htm">学籍异动申请</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/xueji.htm">提前毕业申请</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/xueji.htm">退学申请</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/xueji.htm">转专业审批</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/xueji.htm">选读辅修专业申请</a></li>
                    </ul>
                </li>
                <li class="iot_chengjiguanli">
                    <a tabindex="-1" >成绩管理<div class="iot_image_triangle2"></div></a>
                    <ul class="iot_chengjiguanli_children">
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/chengji.html">查卷申请</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/chengji.html">免修申请</a></li>
                    </ul>
                </li>
                <li class="iot_kaoshiguanli">
                    <a tabindex="-1" >考试管理<div class="iot_image_triangle2"></div></a>
                    <ul class="iot_kaoshiguanli_children">
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/kaoshi.html">课程考试试卷审批表</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/kaoshi.html">试卷格式样本</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/kaoshi.html">参考答案及评分标准20</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/kaoshi.html">非卷面考试出题样卷</a></li>
                    </ul>
                </li>
                <li class="iot_jiaocaiguanli">
                    <a tabindex="-1" >教材管理<div class="iot_image_triangle2"></div></a>
                    <ul class="iot_jiaocaiguanli_children">
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/jiaocai.htm">四川农业大学本科教材选用审批表</a></li>
                        <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/jiaocai.htm">四川农业大学本科教材变更申请表</a></li>
                    </ul>
                </li>
                <li class="iot_shijianjiaoxue">
                   <a tabindex="-1" >实践教学<div class="iot_image_triangle2"></div></a>
                   <ul class="iot_shijianjiaoxue_children">
                       <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/shijian.htm">答辩记录及成绩评定表</a></li>
                       <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/shijian.htm">导师评分表 </a></li>
                       <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/shijian.htm">开题报告答辩记录表 </a></li>
                       <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/shijian.htm">学生评委互评得分表 </a></li>
                       <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/shijian.htm">学生评委互评汇总得分表</a></li>
                       <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/shijian.htm">开题报告表</a></li>
                       <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/shijian.htm">实验课调停申请表</a></li>
                       <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/shijian.htm">毕业实习总结鉴定表</a></li>
                       <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/shijian.htm">选题更改申请表</a></li>
                       <li><a href="http://jiaowu.sicau.edu.cn/web/web/wjdown/common/shijian.htm">创新训练计划项目中期报告</a></li>
                   </ul>
            </li>
                <li><a href="#">双学位管理</a></li>
                <li><a href="#">辅修管理</a></li>
                <li><a href="#">推进计划</a></li>
                <li><a href="#">教学督导</a></li>
            </ul>
         </li>
         <li>
             <a href="http://jiaowu.sicau.edu.cn/web/web/web/002.asp">在线教学</a>
         </li>
     </ul>
        </div>
</div><!--导航栏-->

  </div>
</template>

<script>
export default {
    name:'HeaderContainer'
}
</script>

<style>
        .iot_header_top{
            width: 1300px;
            height: 114px;
            background-image: url("../images/top5.jpg");
            position: relative;
           margin-left: 60px;
        }/*四川农业大学logo */

        .iot_main-nav{
            padding-left: 50px;
            width: 1420px;
            height: 48px;
            background-color: #0170c1;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
        }/* 导航栏  */
        .iot_image_home{
            width:17px;
            height:17px;
            background-image: url("../images/home.png") ;
            background-size: contain;
            float: left;
            margin-top: 15px;
            margin-right: 3px;
        }

         li{
            list-style: none;
        }

         a{
            text-decoration:none;
        }

        .iot_navbar-nav>li>a{
            display: block;
            font-size: 15px;
            color: #fff;
        }

        .iot_box_ul{
             width: 1380px;
             margin: 0 auto;
         }

        .iot_navbar-nav>li{
            line-height: 48px;
            padding-right: 48px;
            margin-right: 25px;
            float: left;
            text-align: center;



        }

        .iot_bumenjianjie{
             position:relative;
        }

        /*部门介绍*/
        .iot_bumenjianjie_children{
            display: none;
            position:absolute;
            background-color:#0170c1 ;
        }
        .iot_bumenjianjie_children>li>a{
            text-align: center;
            border: 1px solid rgba(0,87,151,0.5);
            font-size: 15px;
            color: #fff;
            line-height: 15px;
            display: block;
            padding: 10px 30px 10px 10px;
        }
        .iot_bumenjianjie:hover .iot_bumenjianjie_children{
            display: block;
        }
        .iot_bumenjianjie_children>li:hover{
            background-color: #1d9adb;
        }
        .iot_image_triangle1{
            width:17px;
            height:17px;
            background-image: url("../images/triangle1.png") ;
            background-size: contain;
            float: right;
            margin-top: 17px;
            margin-right:0px;
        }

        /*培养方案*/
        .iot_peiyangfangan{
            position:relative;
        }
        .iot_peiyangfangan_children{
            display: none;
            position:absolute;
            background-color:#0170c1 ;
            z-index: 2;
        }
        .iot_peiyangfangan_children>li>a{
            text-align: center;
            border: 1px solid rgba(0,87,151,0.5);
            font-size: 15px;
            color: #fff;
            line-height: 15px;
            display: block;
            padding: 10px 30px 10px 10px;
        }
        .iot_peiyangfangan:hover .iot_peiyangfangan_children{
            display: block;
        }
        .iot_peiyangfangan_children>li:hover{
            background-color: #1d9adb;
        }

        /*表格下载*/
        .iot_biaogexiazai{
            position:relative;
            z-index: 1;
        }
        .iot_biaogexiazai_children{
            display: none;
            position:absolute;
            background-color:#0170c1 ;
        }
        .iot_biaogexiazai>ul>li>a{
            text-align: center;
            border: 1px solid rgba(0,87,151,0.5);
            font-size: 14px;
            color: #fff;
            line-height: 15px;
            display: block;
            padding: 10px 30px 10px 10px;
        }
        .iot_biaogexiazai:hover .iot_biaogexiazai_children{
            display: block;
        }
        .iot_biaogexiazai_children>li:hover{
            background-color: #1d9adb;
        }
        .iot_image_triangle2{
            width:17px;
            height:17px;
            background: url("../images/triangle2.png") ;
            background-size: contain;
            float: right;
            margin-left:10px ;

        }
        /*课业管理*/
        .iot_keyeguanli{
            position:relative;
        }
        .iot_keyeguanli_children{
            width: 180px;
            display: none;
            position:absolute;
            background-color:#0170c1 ;
        }
        .iot_keyeguanli>ul>li>a{
            text-align: center;
            border: 1px solid rgba(0,87,151,0.5);
            font-size: 14px;
            color: #fff;
            line-height: 15px;
            border: 1px solid rgba(0,87,151,0.5);
            display: block;
            padding: 10px 30px 10px 10px;
        }
        .iot_keyeguanli:hover .iot_keyeguanli_children{
            display: block;
            margin-left:124px;
            margin-top: -36px;
        }
        .iot_keyeguanli_children>li:hover{
            background-color: #1d9adb;
        }
         /*学籍管理*/
        .iot_xuejiguanli{
            position:relative;
        }
        .iot_xuejiguanli_children{
            width: 180px;
            display: none;
            position:absolute;
            background-color:#0170c1 ;
        }
        .iot_xuejiguanli>ul>li>a{
            text-align: center;
            border: 1px solid rgba(0,87,151,0.5);
            font-size: 14px;
            color: #fff;
            line-height: 15px;
            display: block;
            padding: 10px 30px 10px 10px;
        }
        .iot_xuejiguanli:hover .iot_xuejiguanli_children{
            display: block;
           margin-left:124px;
            margin-top: -36px;
        }
        .iot_xuejiguanli_children>li:hover{
            background-color: #1d9adb;
        }
        /*成绩管理*/
        .iot_chengjiguanli{
            position:relative;
        }
        .iot_chengjiguanli_children{
            width: 180px;
            display: none;
            position:absolute;
            background-color:#0170c1 ;
        }
        .iot_chengjiguanli>ul>li>a{
            text-align: center;
            border: 1px solid rgba(0,87,151,0.5);
            font-size: 14px;
            color: #fff;
            line-height: 15px;
            display: block;
            padding: 10px 30px 10px 10px;
        }
        .iot_chengjiguanli:hover .iot_chengjiguanli_children{
            display: block;
            margin-left:124px;
            margin-top: -36px;
        }
        .iot_chengjiguanli_children>li:hover{
            background-color: #1d9adb;
        }

        /*考试管理*/
        .iot_kaoshiguanli{
            position:relative;
        }
        .iot_kaoshiguanli_children{
            width: 180px;
            display: none;
            position:absolute;
            background-color:#0170c1 ;
        }
        .iot_kaoshiguanli>ul>li>a{
            text-align: center;
            border: 1px solid rgba(0,87,151,0.5);
            font-size: 14px;
            color: #fff;
            line-height: 15px;
            display: block;
            padding: 10px 30px 10px 10px;
        }
        .iot_kaoshiguanli:hover .iot_kaoshiguanli_children{
            display: block;
             margin-left:124px;
            margin-top: -36px;
        }
        .iot_kaoshiguanli_children>li:hover{
            background-color: #1d9adb;
        }

        /*教材管理*/
        .iot_jiaocaiguanli{
            position:relative;
        }
        .iot_jiaocaiguanli_children{
            width: 180px;
            display: none;
            position:absolute;
            background-color:#0170c1 ;
        }
        .iot_jiaocaiguanli>ul>li>a{
            text-align: center;
            border: 1px solid rgba(0,87,151,0.5);
            font-size: 14px;
            color: #fff;
            line-height: 15px;
            display: block;
            padding: 10px 30px 10px 10px;
        }
        .iot_jiaocaiguanli:hover .iot_jiaocaiguanli_children{
            display: block;
             margin-left:124px;
            margin-top: -36px;
        }
        .iot_jiaocaiguanli_children>li:hover{
            background-color: #1d9adb;
        }

         /*实践教学*/
        .iot_shijianjiaoxue{
            position:relative;
        }
        .iot_shijianjiaoxue_children{
            width: 180px;
            display: none;
            position:absolute;
            background-color:#0170c1 ;
        }
        .iot_shijianjiaoxue>ul>li>a{
            text-align: center;
            border: 1px solid rgba(0,87,151,0.5);
            font-size: 14px;
            color: #fff;
            line-height: 15px;
            display: block;
            padding: 10px 30px 10px 10px;
        }
        .iot_shijianjiaoxue:hover .iot_shijianjiaoxue_children{
            display: block;
             margin-left:124px;
            margin-top: -36px;
        }
        .iot_shijianjiaoxue_children>li:hover{
            background-color: #1d9adb;
        }
</style>